<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>尚狐网络</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/iconfont.css">
</head>
<body>
    <div class="header">
        <div class="container">
            <div class="logo">
                <img src="./images/尚狐网络-首页_03.jpg" alt="尚狐网络"></img>
            </div>
            <div class="nav">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">网站建设</a></li>
                    <li><a href="#">安卓开发</a></li>
                    <li><a href="#">案例中心</a></li>
                    <li><a href="#">文章中心</a></li>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">旧版</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="banner">
        <img src="./images/尚狐网络-首页_06.jpg" alt="尚狐网络"></img>
    </div>
    <div class="info">
        <div class="container">
            <div class="title">
                <p>我们做的好不好？案例能说明一切</p>
            </div>
            <div class="search">
                <div class="look">
                    <input type="text" placeholder="搜索关键词">
                    <span class="btn1"> <i class="iconfont icon-sousuo" style="font-size: 30px;"></i>立即搜索</span>
                    <span class="btn2"> <i class="iconfont icon-jia" style="font-size: 30px;"></i>提交需求</span>
                </div>
            </div>
            <div class="sep">

            </div>
            <div class="items">
                <div class="item-list">
                    <i class="iconfont icon-aite"></i>
                    <p>网站建设</p>
                </div>
                <div class="item-list">
                    <i class="iconfont icon-editor2-copy"></i>
                    <p>网站建设</p>
                </div>
                <div class="item-list">
                    <i class="iconfont icon-dingwei"></i>
                    <p>网站建设</p>
                </div>
                <div class="item-list">
                    <i class="iconfont icon-anquandunpai"></i>
                    <p>网站建设</p>
                </div>
                <div class="item-list">
                    <i class="iconfont icon-rizhiguanli"></i>
                    <p>网站建设</p>
                </div>
            </div>
            <div class="desc">
                <ul class="desc-list">
                    <li>案例TOP</li>
                    <li>全部案例</li>
                    <li>企业官网</li>
                    <li>政府组织 </li>
                    <li>效果图设计</li>
                    <li>Android APP</li>
                    <li>企业VI设计</li>
                </ul>
            </div>
            <div class="img">
                <div class="img-list">
                    <div class="about">
                        <img src="./images/尚狐网络-首页_09.jpg" alt="">
                    </div>
                    <div class="about">
                        <img src="./images/尚狐网络-首页_11.jpg" alt="">
                    </div>
                    <div class="about">
                        <img src="./images/尚狐网络-首页_13.jpg" alt="">
                    </div>
                </div>
            </div>
            
        </div>
    </div>
    <div class="process">
        <div class="container">
            <div class="img">
                <img src="./images/尚狐网络-首页_19.jpg" alt="">
            </div>
            <ul class="list">
                <li>沟通策划</li><i class="iconfont icon-youjiantou_huaban"></i>
                <li>签订合同</li><i class="iconfont icon-youjiantou_huaban"></i>
                <li>支付预付款</li><i class="iconfont icon-youjiantou_huaban"></i>
                <li>设计制作</li><i class="iconfont icon-youjiantou_huaban"></i>
                <li>程序制作</li><i class="iconfont icon-youjiantou_huaban"></i>
                <li>付款安装</li><i class="iconfont icon-youjiantou_huaban"></i>
                <li>完成交易</li><i class="iconfont icon-youjiantou_huaban"></i>
                <li>期待下次合作</li><span>:)</span>
            </ul>
        </div>
    </div>
    <div class="detail">
        <div class="container">
            <div class="top">
                <li><a href="">经验技巧</a></li>
                <li><a href="">尚狐观点</a></li>
                <li><a href="">建站知识</a></li>
                <li><a href="">工作室</a></li>
                <li><a href="">创意设计</a></li>
                <li><a href="">IT界</a></li>
            </div>
            <div class="bottom">
                <div class="left">
                    <div class="content">
                        <div class="img">
                            <img src="./images/尚狐网络-首页_23.jpg" alt="">
                        </div>
                        <div class="desc">
                            <p class="title">
                                MySQL历史变迁-MySQL版本选择
                            </p>
                            <p class="text">
                                网站开发，离不开数据的支持，所以说，选择一套方便，高效的数据库就很重要，今天，成都网站建设为大家介绍一下时下最流行的一套数据库-MySQL...[<a href="">查看详情</a>]
                            </p>
                        </div>
                    </div>
                    <div class="content">
                        <div class="img">
                            <img src="./images/尚狐网络-首页_23.jpg" alt="">
                        </div>
                        <div class="desc">
                            <p class="title">
                                MySQL历史变迁-MySQL版本选择
                            </p>
                            <p class="text">
                                网站开发，离不开数据的支持，所以说，选择一套方便，高效的数据库就很重要，今天，成都网站建设为大家介绍一下时下最流行的一套数据库-MySQL...[<a href="">查看详情</a>]
                            </p>
                        </div>
                    </div>
                </div>
                <div class="right">
                    <div class="content">
                        <ul class="normal">
                            <li>如何从设计上全方位打造官网</li>
                            <li>DEDE栏目文章列表获取TAGS解决方法</li>
                            <li>尚狐观点：以人为本才是设计王道</li>
                            <li>热烈祝贺深圳蓝杰智库官方网站交付上线</li>
                            <li>AJAX-增加用户体验 为网站飞一会</li>
                            <li>尚狐观点：网站设计对企业的重要性</li>
                        </ul>
                        <ul class="none">
                            <li>2014-08-14  14:42:11</li>
                            <li>2014-07-30  16:08:51</li>
                            <li>2014-07-21  15:56:43</li>
                            <li>2014-07-15  23:38:08</li>
                            <li>2014-07-13  16:10:17</li>
                            <li>2014-07-12  18:34:13</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="news">
        <div class="container">
            <div class="img">
                <img src="./images/尚狐网络_27.jpg" alt=""></img>
            </div>
            <div class="more">提交建站需求<i class="iconfont icon-xiangyoujiantou"></i></div>
        </div>
    </div>
    <div class="footer">
        <div class="container">
            <div class="top">
                <div class="l">
                    <div class="title">
                        <i class="iconfont icon-dianhua" style="font-size: 30px;"></i>7*24建站热线：028-85324865 <img src="./images/1_31.jpg" alt="" style="vertical-align: middle; margin-left: 54px;">
                    </div>
                    <div class="desc">
                        <p>网站咨询：028-85324865 /13980835783(TEL) 406333726(QQ)</p>
                        <p>APP咨询：15196625197(TEL) 2296465312(QQ)</p>
                    </div>
                    <div class="code">
                        <ul>
                            <span style="color: #fff; font-size: 14px;">友情链接：</span>                          
                            <li>酷帝网站目录 </li>
                            <li>酷帝网站目录</li>
                            <li>香港保险</li>
                            <li>第一分类目录</li>
                            <li>设计路上</li>
                            <li>无锡网站建设</li>
                            <li>宜昌网站建设</li>
                            <li>app开发</li>
                            <li>莫等闲 </li>
                            <li>设计导航</li>
                            <li>泸州网站建设</li>
                            <li>上海网站建设</li>
                            <li>深圳网站制作</li>
                            <li>香港保险那些事儿</li>
                            <li>成都做网站工作室</li>
                            <li>北京网站建设 </li>
                            <li>成都建网站</li>
                            <li>广州做网站</li>
                        </ul>

                    </div>
                </div>
                <div class="r">
                    <img src="./images/尚狐网络-首页_27.jpg" alt="">
                </div>
            </div>
            <div class="foot">
                <div class="foot-detail">
                    <p>关于我们 / 服务项目 / 联系方式 / 网站地图 / 付款方式 / 加入我们 / 老版</p>
                    <p>成都做网站 / 成都网站建设 / 成都网站制作 / 成都网站建设工作室 / 成都工作室做网站 / 成都网站建设公司 / 成都网站建设工作室 / 成都网站建设工作室 / Sitemap</p>
                    <p>备案编号：蜀ICP备12016524号-2 Copyright ? 2006 - 2014 ShangFox.inc All rights reserved. 成都尚狐网络版权所有 百度统计</p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>